<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>11-js的点击事件.html</title>
</head>
<body>

<button onclick="demo01()">
   点击的按钮1
</button>

<button id="btn">
  点击的按钮2
</button>
<!--
    01 设置点击事件
          在标签中写    onclick 点击事件
          使用代码添加事件
                1、拿到 button节点 添加事件

    02 事件出触发的函数
-->
<script>

  function demo01(){
    alert('点我有好运...')
  }

  //拿到 document.querySelector("#btn")  通过id的节点
  // addEventListener 添加事件监听  (参数1 事件的名称，事件触发的函数)
  // document.querySelector("#btn").addEventListener("click",function (){
  //   alert('点我干吗')
  // })

  // document.querySelector("#btn").onclick = function (){
  //     alert('点我干吗')
  // }

</script>

</body>
</html>